<template>
  <a-form :model="form" :style="{width:'600px'}" @submit="handleSubmit" layout="vertical">
    <a-form-item>
      <a-image width="140" :src="homeIcon"/>
    </a-form-item>
    <a-form-item field="name" label="邮箱账户">
      <a-input v-model="form.name" placeholder="请输入您的邮箱账户"/>
    </a-form-item>
    <a-form-item field="post" label="密码">
      <a-input v-model="form.post" placeholder="请输入您的密码"/>
    </a-form-item>
    <a-form-item field="isRead">
      <p>仅限163邮箱用户采用此方式登录</p>
    </a-form-item>
    <a-form-item field="isRead">
      <a-button html-type="submit">登录</a-button>
    </a-form-item>
  </a-form>
</template>

<script setup>
import {reactive} from "vue";
import homeIcon from '~/assets/img/icon5.png'

const form = reactive({
  name: '',
  post: '',
  isRead: false,
})
const handleSubmit = (data) => {
  console.log(data)
}
</script>

<style scoped>

</style>